<template>
  <div>
    <label v-for="item in arr" :key="item.id">
      <input type="radio" :value="item.id" v-model="checked" />
      {{ item.label }}
    </label>
    <p>{{ checked }}</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    arr: [
      { id: '0', label: 'A' },
      { id: '1', label: 'B' },
      { id: '2', label: 'C' }
    ],
    checked: ''
  })
}
</script>
